<template>
	<div class="shisheng">
		<div class="container" v-for="item in this.$store.state.shishangNewList">
			
			<div class="title">
				<span> {{ item.title }} </span>
			</div>
			<div class="imger">
				<img :src="item.thumbnail_pic_s" alt="">
				<img :src="item.thumbnail_pic_s02" alt="">
				<img :src="item.thumbnail_pic_s03" alt="">
			</div>
		</div>
		
	</div>
</template>

<script>
	import { nowNew } from '../libs/getData.js'
	export default {
		name: 'ShiSheng',
		mounted() {
			nowNew('shishang')
		}
	}
</script>

<style lang="less" scoped="scoped">
	.shisheng{
		width: 96%;
		padding: .38rem 2%;
		.container{
			width: 100%;
			margin-bottom: .3rem;
			.title{
				width: 100%;
				height: .3rem;
				font-size: .16rem;
				text-indent: 2em;
				line-height: .25rem;
			}
			.imger{
				width: 100%;
				height: 1rem;
				display: flex;
				justify-content: space-around;
				img{
					width: 30%;
					height: 1rem;
				}
			}
		}
	}
</style>